let reg = true
$('.afs').addEventListener('click',function(){
    if(reg){
        $('.regbtn').classList.add('bded')
        $('.regbtn').disabled=false
    }else{
        $('.regbtn').classList.remove('bded')
        $('.regbtn').disabled=true
    }
    reg=!reg
})
$('.user').addEventListener('input',function(){
    if(this.value){
        $('.icon-cuowu1').style.display='flex'
    }else{
        $('.icon-cuowu1').style.display='none'
    }
})
$('.icon-cuowu1').addEventListener('click',function(){
    $('.user').value=''
    this.style.display='none'
})

$('.user').addEventListener('blur',function(){
    let p=/^[a-zA-Z][a-zA-Z0-9_]{5,19}$/
    let bool =p.test(this.value)
    if(!bool){
        $('.jgcontent1').style.display='flex'
    }else{
        $('.jgcontent1').style.display='none'
    }

})


$('.tel').addEventListener('input',function(){
    if(this.value){
        $('.icon-cuowu2').style.display='flex'
    }else{
        $('.icon-cuowu2').style.display='none'
    }
})
$('.icon-cuowu2').addEventListener('click',function(){
    $('.tel').value=''
    this.style.display='none'
})
$('.tel').addEventListener('blur',function(){
    let p=/^1[3|4|5|6|7|8|9][0-9]{9}$/
    let bool =p.test(this.value)
    if(!bool){
        $('.jgcontent2').style.display='flex'
    }else{
        $('.jgcontent2').style.display='none'
    }

})

$('.input-3').addEventListener('input',function(){
    if(this.value){
        $('.icon-cuowu3').style.display='flex'
    }else{
        $('.icon-cuowu3').style.display='none'
    }
})
$('.icon-cuowu3').addEventListener('click',function(){
    $('.input-3').value=''
    this.style.display='none'
})
$('.input-3').addEventListener('blur',function(){
    let p=/^[0-9]{4}$/
    let bool =p.test(this.value)
    if(!bool){
        $('.jgcontent3').style.display='flex'
    }else{
        $('.jgcontent3').style.display='none'
    }

})
$('.password').addEventListener('input',function(){
    if(this.value){
        $('.icon-cuowu4').style.display='flex'
    }else{
        $('.icon-cuowu4').style.display='none'
    }
})
$('.icon-cuowu4').addEventListener('click',function(){
    $('.password').value=''
    this.style.display='none'
})
$('.password').addEventListener('blur',function(){
    let p=/^[a-zA-Z0-9]{6,12}$/
    let bool =p.test(this.value)
    if(!bool){
        $('.jgcontent4').style.display='flex'
    }else{
        $('.jgcontent4').style.display='none'
    }

})
$('#form').addEventListener('submit',function(e){
    let p=/^[a-zA-Z][a-zA-Z0-9_]{5,19}$/
    let bool =p.test($('.user').value)
    let q=/^1[3|4|5|6|7|8|9][0-9]{9}$/
    let booltel =q.test($('.tel').value)
    let d=/^[0-9]{4}$/
    let boolyz =d.test($('.input-3').value)
    let m=/^[a-zA-Z0-9]{6,12}$/
    let boolps =m.test($('.password').value)

    if(!bool){
        $('.jgcontent1').style.display='flex'
        e.preventDefault()
    }else if(!booltel){
        $('.jgcontent2').style.display='flex'
        e.preventDefault()
    }else if(!boolyz){
        $('.jgcontent3').style.display='flex'
        e.preventDefault()
    }else if(!boolps){
        $('.jgcontent4').style.display='flex'
        e.preventDefault()
    }
})
// 获取验证码
let num =60
$('.input-4').addEventListener('click',function(){
        let timer=setInterval(function(){
            --num
            if(num>=1){
                $('.input-4').placeholder=`${num}s`
                $('.input-4').disabled=true
            }else{
                $('.input-4').placeholder='获取验证码'
                $('.input-4').disabled=false
                
            }
           
            




        },1000)
        
        num=60

})
